import React, {memo} from 'react';
import { NavLink, Outlet } from 'react-router-dom';
import HomeIndexStyle from './IndexStyle';
type Props = {};



export default memo(function HomeIndex(props: Props) {
  return (
    <HomeIndexStyle>
      <div className='home-nav-box'>
        <ul className='home-nav'>
          <li>
            <NavLink end to="/home">首页</NavLink>
          </li>
          <li>
            <NavLink end to="/home/sing">歌手</NavLink>
          </li>
          <li>
            <NavLink end to="/home/newsong">新碟</NavLink>
          </li>
          <li>
            <NavLink end to="/home/rankinglist">排行榜</NavLink>
          </li>
       </ul>
      </div>

    <Outlet />

    </HomeIndexStyle>
  );
});
